<template>
  <a-layout>
    <a-layout-content style="min-height: calc(100vh - 120px)">
      <a-card bordered="false" style="padding-bottom: 100px;">
        <div style="text-align: center;font-size: 2em;margin: 50px 0 100px 0">
          <img src="imgs/favicon.ico"/> 基于Echarts的实时地震数据可视化
        </div>
        <h3>关于本站</h3>
        <p>本站为2021年中国大学生计算机设计大赛作品，作品编号-2021010508，作品名称-基于Echarts的实时地震数据可视化，作品大类-信息可视化设计，作品小类-数据可视化。</p>
        <p>本站前端使用Vue 2.6.11开发，前端图表绘制使用Apache Echarts，后端使用ASP.NET Core 3.1开发，爬虫使用python 3.9开发，数据库使用腾讯云云数据库MySQL 5.7。</p>
        <p>网站上的所有数据均来源于互联网，使用爬虫获得。地震数据每隔5分钟更新一次，最早统计于2012年，美国地质勘探局震级低于4级的不统计。截止2021年5月14日，本站记录地震数据共计43万余条。</p>
        <h3>数据来源</h3>
        <table>
          <tr>
            <th>数据</th>
            <th>数据源</th>
          </tr>
          <tr>
            <td>地震数据</td>
            <td>
              <a href="http://news.ceic.ac.cn/" target="_blank">中国地震台网</a>、
              <a href="https://www.usgs.gov/" target="_blank">美国地质勘探局</a>、
              <a href="https://www.emsc.eu/" target="_blank">欧洲地中海地震中心</a>
            </td>
          </tr>
          <tr>
            <td>全球逆地理编码</td>
            <td><a href="https://lbs.baidu.com/index.php" target="_blank">百度地图开放平台</a></td>
          </tr>
          <tr>
            <td>地图数据</td>
            <td><a href="http://datav.aliyun.com/tools/atlas/" target="_blank">高德开放平台</a></td>
          </tr>
          <tr>
            <td>地震知识库</td>
            <td><a href="https://baike.baidu.com/" target="_blank">百度百科</a></td>
          </tr>
        </table>
        <h3>说明</h3>
        <p>本站使用的地图已经确认以国家标准地图为准绘制。</p>
      </a-card>
    </a-layout-content>
    <a-layout-footer style="text-align: center">
      基于Echarts的实时地震数据可视化 ©2021 Developed in April 2021
    </a-layout-footer>
  </a-layout>
</template>

<script>
export default {
  name: "about"
}
</script>

<style scoped>
h3 {
  color: cornflowerblue;
  font-weight: bold;
  margin-top: 50px;
}

p {
  text-indent: 2em;
}

td {
  padding: 5px 10px 5px 0;
}
</style>